<template>
  <div>
    <h2>Import Cost</h2>
    <button @click="handleClick">点击提示Toast</button>
  </div>
</template>

<script>
import { Toast } from 'vant';
import Vue from "vue";
export default {
  name: "RouterPages",
  components: {},
  data() {
    return {
      menus: this.$router.options.routes
    };
  },
  computed: {},
  methods: {
    handleClick: function() {
      const msg = {
        message: "提示",
        position: "bottom",
        duration: 5000
      };
      debugger
      Toast("提示内容");
    }
  },
  created() {
    Vue.use(Toast);
    // this.menus = asyncRouterMap.find(item => item.path === '/').children
  }
};
</script>

<style lang="less">
.el-table .yellow {
  background: rgba(245, 228, 134, 0.62);
}

.el-table .green {
  background: #c9ebb6;
}
.el-table .blue {
  background: #62cceb;
}
.el-table .pink {
  background: #eaa4c3;
}
</style>
